<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>阳台宝贝</title>
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="author" content="众测天下@zhongcetianxia.com">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-transform" />
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <link href="https://cdn.bootcss.com/light7/0.4.3/css/light7.min.css" rel="stylesheet">
  <link href="lib/iconfont/iconfont.css" rel="stylesheet">
  <link href="assets/css/webapp.css" rel="stylesheet">
  <style type="text/css">
    /*sun*/
    .sun { position: absolute; right: 0.5rem; top: 1.0rem; width: 2.50rem; height: 2.50rem; background: url("assets/images/sun.png") top right no-repeat; background-size: 100%; z-index: 2 }
  </style>
</head>

<body class="theme-green">
  <div class="page page-wrap" id="page-picker">
    <header class="bar bar-nav bar-fill">
      <a class="icon iconfont icon-jiantou-copy pull-left back" href="index.html"></a>
      <a class="icon iconfont icon-menu open-panel pull-right"></a>
      <h1 class="title">阳台宝贝</h1>
    </header>
    <div class="footbar fixed-bottom text-center">
      <div class="bg-cloud"></div>
      <div class="bg-dock">
      <div class="card r-md shadow-1x text-center clearfix">
        <div class="card-content-inner">
        </div>
      </div>
      </div>
      <div class="row">
        <div class="col-33"><a href="plant-steps-3.html" class="button button-fill button-big button-light btn-label">返回 <i class="icon iconfont icon-jiantou-copy bg-no"></i></a></div>
        <div class="col-66"><a href="plant-steps-5.html" class="button button-fill button-big button-warning btn-label label-right">我要进阶 <i class="icon iconfont icon-douzi bg-no"></i></a></div>
      </div>
    </div>
    <div class="content">
      <div class="paper card r-md shadow-1x clearfix">
        <div class="card-header block pattern-4">
          <div class="card-title">开花了</div>
        </div>
        <div class="card-content">
          <div class="card-content-inner">
            <img src="assets/images/demo/kaihua.jpg" class="thumbnail">
            <p>哈，收获，不用多言，仅以红标题来显摆收获的喜悦吧。这一阶段，每当观赏际，这哪是株菜蔬啊，恍是你创造的一个艺术品。
开花结束后便结出小小果实，步入充满收获喜悦的最佳观赏期</p>
            <p>果实初期呈漂亮绿色，果实渐大中，颜色渐变，观赏际会感叹自然之美丽</p>
            <p>果实火红际，可连茎干摘下，或将果实逐一摘下，采摘时间以晨凉爽时为宜</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- /page -->
  <div class="panel-overlay"></div>
  <!-- Right Panel with Reveal effect -->
  <div class="panel panel-light panel-right panel-reveal sidebar">
    <div class="panel-header">
      <div class="panel-title">阳台宝贝</div>
    </div>
    <div class="list-block">
      <ul>
        <li>
          <a href="index.html" class="item-content color-dark">
            <div class="item-media"><i class="iconfont icon-home"></i></div>
            <div class="item-inner">
              <div class="item-title">首页</div>
            </div>
          </a>
        </li>
        <li>
          <a href="plant.html" class="item-content color-dark">
            <div class="item-media"><i class="iconfont icon-hua4"></i></div>
            <div class="item-inner">
              <div class="item-title">开始种植</div>
            </div>
          </a>
        </li>
        <li>
          <a href="diary.html" class="item-content color-dark">
            <div class="item-media"><i class="iconfont icon-jilu"></i></div>
            <div class="item-inner">
              <div class="item-title">种植日记</div>
            </div>
          </a>
        </li>
        <li>
          <a href="baike.html" class="item-content color-dark">
            <div class="item-media"><i class="iconfont icon-shiyongjilu"></i></div>
            <div class="item-inner">
              <div class="item-title">知识百科</div>
            </div>
          </a>
        </li>
        <li>
          <a href="Mall/index.html" class="item-content color-dark">
            <div class="item-media"><i class="iconfont icon-shangcheng"></i></div>
            <div class="item-inner">
              <div class="item-title">在线商城</div>
            </div>
          </a>
        </li>
        <li>
          <a href="about.html" class="item-content color-dark">
            <div class="item-media"><i class="iconfont icon-xiaolian2"></i></div>
            <div class="item-inner">
              <div class="item-title">关于我们</div>
            </div>
          </a>
        </li>
      </ul>
    </div>
  </div>
  <script src="lib/js/jquery-2.0.3.min.js"></script>
  <script type="text/javascript">$.config = {router: false}</script>
  <script src="lib/light7/js/light7.min.js"></script>
  <script type="text/javascript" src="assets/js/webapp.js"></script>
  <script type="text/javascript">
  $(function() {
    'use strict';
    $.init();
  });
  </script>
</body>

</html>